<!DOCTYPE html>
<html>
<head>
	<title>团购特卖</title>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content = "IE-edge,chrome=1">
	<meta name="viewport" content="width=device-width,initial-scale=1">
	<link rel="stylesheet" type="text/css" href="css/normalize.css">
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<link rel="stylesheet" href="css/font-awesome.min.css" >
	<script type="text/javascript" src="js/jquery-2.0.0.min.js"></script>
	<script type="text/javascript" src="js/myfocus-2.0.1.min.js"></script>
	<script type="text/javascript">
		myFocus.set({
				id:'boxID',
				pattern:'mF_kdui',//风格应用的名称
				 txtHeight:'default'//文字层高度设置(像素),'default'为默认高度，0为隐藏
			});
	</script>
</head>
<body>
<!--#include file="huiche-top.htm" -->
<div class="layout_sarcher">
	<img src="images/ad.png">
	<div class="clearfix mini-main">
		<div class="pull-left">用车养车</div>
		<div class="pull-right">
			<input type="text"><span>搜索</span>
		</div>
	</div>
</div><!-- layout_sarcher结束 -->
<div class="clearfix layout-btner">
	<div class="clearfix btn-group all-btn">
	  <div class="btn"><a href="maintainCar.htm">养车首页</a> </div>
	  <div class="btn"><a href="classify.htm">特价商城</a> </div>
	  <div class="btn"><a href="maintainCar.htm">驾车技巧</a> </div>
	  <div class="btn"><a href="maintainCar.htm">保养常识</a> </div>
	  <div class="btn"><a href="Carcar.htm">爱车讲堂</a> </div>
	  <div class="btn"><a href="maintainCar.htm">改装精品</a></div>
	  <div class="btn last"><a href="motor-insurance.htm">汽车保险</a> </div>
	</div>
</div><!-- layout-btner结束 -->
<div class="clearfix banner">
	<div class="ad-group pull-left" id="boxID">
		<div class="loading"><img src="images/loading.gif" alt="请稍候..." /></div><!--载入画面(可删除)-->
		<div class="pic">
			<ul>
		        <li><a href="#"><img src="images/page/2.png" thumb="" alt="豪华车型" text="" /></a></li>
		        <li><a href="#"><img src="images/page/1.png" thumb="" alt="豪华车型" text="" /></a></li>
		        <li><a href="#"><img src="images/page/2.png" thumb="" alt="豪华车型" text="" /></a></li>
		        <li><a href="#"><img src="images/page/1.png" thumb="" alt="豪华车型" text="" /></a></li>
		  	</ul>
		</div>
	</div>
	<div class="pull-right motor-insurance">
			<div class="motor-insurance-btn clearfix">
				<a class="active" href="javascript:void(0);" date="newcar-insurance1 ">新车保险</a>
				<a href="javascript:void(0);" date="car-gona ">续保</a>
			</div>
			<div class="newcar-insurance newcar-insurance1 ">
				<ul>
					<li><span>购车价格</span><select></select></li>
					<li><span>姓名</span><input type="text"></li>
					<li><span>电话</span><input type="text"></li>
					<li><a href="">确认预约</a></li>
				</ul>
			</div>
			<div class="newcar-insurance car-gona hide">
				<ul>
					<li><span>上次购买公司</span><select></select></li>
					<li><span>姓名</span><input type="text"></li>
					<li><span>电话</span><input type="text"></li>
					<li><a href="">确认预约</a></li>
				</ul>
			</div>
	</div>	
</div><!-- 焦点图 -->
<br>
<div class="clearfix layout-contenter">
		<table id="page-table" cellpadding="0" cellspacing="0" class="Carcar">
			<tr>
				<td width="600" class="car-information ">
					<div class="title long-title">
						<h2>驾车技巧</h2>
					</div>
					<ul>
						<li class="clearfix">
							<img src="images/car.png">
							<h2>英菲尼迪Q70定制官方版 原石谈车站亮相</h2>
							<p>
								<span><i class="fa fa-clock-o"></i> 2015-06-08</span>
								<span><i class="fa fa-user"></i> 家门口的小白菜</span>
								<span><i class="fa fa-commenting-o"></i> 1157</span>
							</p>
							<p>圆石滩车展开幕在即，除了各种经典的老爷车外，不少限量定制 特别版车型也系数亮相，英菲尼迪官方就近发布了Q70<a href="#">more&gt;&gt;</a></p>
						</li>
						<li class="clearfix">
							<img src="images/car.png">
							<h2>英菲尼迪Q70定制官方版 原石谈车站亮相</h2>
							<p>
								<span><i class="fa fa-clock-o"></i> 2015-06-08</span>
								<span><i class="fa fa-user"></i> 家门口的小白菜</span>
								<span><i class="fa fa-commenting-o"></i> 1157</span>
							</p>
							<p>圆石滩车展开幕在即，除了各种经典的老爷车外，不少限量定制 特别版车型也系数亮相，英菲尼迪官方就近发布了Q70<a href="#">more&gt;&gt;</a></p>
						</li>
						<li class="clearfix">
							<img src="images/car.png">
							<h2>英菲尼迪Q70定制官方版 原石谈车站亮相</h2>
							<p>
								<span><i class="fa fa-clock-o"></i> 2015-06-08</span>
								<span><i class="fa fa-user"></i> 家门口的小白菜</span>
								<span><i class="fa fa-commenting-o"></i> 1157</span>
							</p>
							<p>圆石滩车展开幕在即，除了各种经典的老爷车外，不少限量定制 特别版车型也系数亮相，英菲尼迪官方就近发布了Q70<a href="#">more&gt;&gt;</a></p>
						</li>
						<li class="clearfix">
							<img src="images/car.png">
							<h2>英菲尼迪Q70定制官方版 原石谈车站亮相</h2>
							<p>
								<span><i class="fa fa-clock-o"></i> 2015-06-08</span>
								<span><i class="fa fa-user"></i> 家门口的小白菜</span>
								<span><i class="fa fa-commenting-o"></i> 1157</span>
							</p>
							<p>圆石滩车展开幕在即，除了各种经典的老爷车外，不少限量定制 特别版车型也系数亮相，英菲尼迪官方就近发布了Q70<a href="#">more&gt;&gt;</a></p>
						</li>
					</ul>
				</td>
				<td width="100"></td>
				<td width="300" class="skill">
					<img src="images/review-banner.png"><br>
					<img src="images/review-banner.png"><br>
				</td>
			</tr>
		</table>
	</div>
<!--#include file="huiche-footer.htm" -->
</body>
</html>
<script type="text/javascript">
	$(function(){
		$(".motor-insurance a").click(function(){
			$(".motor-insurance a").each(function(){
				$(this).removeClass("active");
				$(".newcar-insurance").hide();
			})
			$(this).addClass("active");
			var date = $(this).attr("date");
			console.log(date);
			$("."+date).show();

		})
	})
</script>